<template>
	<view>
		<!-- 分类1 -->
		<!-- <view class="big">
			<view class="left">
				<view :class="newlist==index? 'left_lists':'left_list'" v-for="(item,index) in list" key="index">
					<text @click="to(item,index)">{{item.name}}</text>
				</view>
			</view>
			<view class="lefts"></view>
			<view class="right">
				<view class="shopmenu">
					
				</view>
			</view>
		</view> -->
		<view>
		    <easy-scroll></easy-scroll>
		</view>
	</view>
</template>

<script>
	import easyScroll from '@/components/easy-scroll/easy-scroll.vue'
	export default {
	    components:{ easyScroll }
	}
	// export default {
	// 	data() {
	// 		return {
	// 			newlist:0,
	// 			list:[{name:'每日新品'},{name:'热门推荐'}]
	// 		}
	// 	},
	// 	methods: {
	// 		to(item,index){
	// 			console.log(item,index)
	// 			this.newlist=index
	// 		}
	// 	}
	// }
</script>

<style scoped>
    .big{
		width: 100%;
		height: 500px;
		display: flex;
		flex-wrap: nowrap;
	}
	.left{
		width: 20%;
		height: 700px;
		position: fixed;
		z-index: 99;
		left: 0px;
		top:0px;
		overflow-y:scroll;
	}
	.left{
		width: 20%;
		height: 500px;
	}
	.left_list{
		width: 100%;
		height: 50px;
		line-height: 50px;
		text-align: center;
	}
	.left_lists{
		width: 100%;
		height: 50px;
		line-height: 50px;
		text-align: center;
		background-color: #ccc;
		color: #fff;
		border-left: 2px solid red;
	}
	.right{
		width: 80%;
		height: 700px;
	}
</style>
